{* $Id: 20110317 *}
{if $pv.json eq 1 and $user.session_logged_in eq 0}
{$pv.data.data_json}
{else}
<div class="container" id="page_login">
<div class="span-8">
    <fieldset id="login-area" class="bg-fff">
    <form id="form-login" onsubmit="return false;" class="forms-login">
        <input type="checkbox" name="required" id="form-login-required" value="" class="form-required hide" />
        <input type="hidden" name="submit" id="form-login-submit" value="1" />
        <input type="hidden" name="sid" id="form-login-sid" value="{$req.get.sid}" />
            <ul class="vertical-list span-7">
                <li class="span-7 fs-22 alt bold ff-georgia m-b-10 bb-solid bc-ccc">
                    {$lang.p_login.login}
                </li>
                <li class="span-7">
                    <label class="span-2" for="form-login-username">
                        {$lang.p_login.username}
                    </label>
                    <input type="text" name="username" class="span-4 last" id="form-login-username" />
                </li>
                <li class="span-7">
                    <label class="span-2" for="form-login-password">
                        {$lang.p_login.password} 
                    </label>
                    <input type="password" name="password" class="span-4 last" id="form-login-password" />
                </li>
                <li class="span-7 center append-top append-bottom">
                    <a href="#" class="button submit positive width-75"  data-formid="form-login" data-action="login">
                    <span class="sprite-icons sprite-user"></span>
                    &nbsp;{$lang.login}</a>                
                </li>
                <li class="span-7 center">
                    <a href="#" data-target="form-remind" class="toggler" data-parent="form-login">({$lang.p_login.forgotpass})</a>&nbsp;|&nbsp;
                    <a href="#" data-target="form-remindact" class="toggler" data-parent="form-login">({$lang.p_login.remind_act})</a>                
                </li>                
            </ul>
    </form>
    <form id="form-remind" onsubmit="return false;" class="hide forms-login">
        <input type="checkbox" name="required" id="form-remind-required" value="" class="form-required hide" />
        <input type="hidden" name="submit" id="form-remind-submit" value="1" />
        <input type="hidden" name="sid" id="form-remind-sid" value="{$req.get.sid}" />    
            <ul class="vertical-list">
                <li class="fs-22 alt bold ff-georgia m-b-10 bb-solid bc-ccc">
                    {$lang.p_login.remind}
                </li>
                <li>
                    <label class="span-2" for="form-remind-user_email">
                        {$lang.p_login.user_email}
                    </label>
                    <input type="text" name="user_email" class="span-4 last" id="form-remind-user_email" />
                </li>
                <li class="center">
<a href="#" class="button submit" data-action="remind" data-formid="form-remind"><span class="sprite-icons sprite-email"></span>&nbsp;{$lang.submit}</a>                
                </li>
                <li class="center">
                    <a href="#" data-target="form-login" data-parent="form-remind" class="toggler">({$lang.login})</a>&nbsp;|&nbsp;
                    <a href="#" data-target="form-remindact" data-parent="form-remind" class="toggler">({$lang.p_login.remind_act})</a>
                </li>                    
            </ul>
    </form>
    <form id="form-remindact" onsubmit="return false;" class="hide forms-login">
        <input type="checkbox" name="required" id="form-remindact-required" value="" class="form-required hide" />
        <input type="hidden" name="submit" id="form-remindact-submit" value="1" />
        <input type="hidden" name="sid" id="form-remindact-sid" value="{$req.get.sid}" />
            <ul class="vertical-list">
                <li class="fs-22 alt bold ff-georgia m-b-10 bb-solid bc-ccc">
                    {$lang.p_login.remind_act}
                </li>
                <li>
                    <label class="span-2" for="form-remindact-username">
                        {$lang.p_login.user_email}
                    </label>
                    <input type="text" name="email" class="span-4 last" id="form-remindact-email" value="{$req.get.email}" />
                </li>
                <li>
                    <label class="span-2" for="form-remindact-actkey">
                        {$lang.p_login.user_actkey} 
                    </label>
                    <input type="text" name="actkey" class="span-4 last" id="form-remindact-actkey" value="{$req.get.actkey}" />
                </li>
                <li class="center">
                    <a href="#" class="button submit width-80" data-formid="form-remindact" data-action="remindact"><span class="sprite-icons sprite-accept"></span>&nbsp;{$lang.p_login.confirm}</a>                
                </li>
                <li class="center">
                    <a href="#" data-target="form-login" data-parent="form-remindact" class="toggler width-100">({$lang.login})</a>&nbsp;|&nbsp;
                    <a href="#" data-target="form-remind" data-parent="form-remindact" class="toggler">({$lang.p_login.forgotpass})</a>
                </li>    
            </ul>
    </form>
        </fieldset>

</div>
<div class="span-16 last">
        <fieldset class="bg-fff">
    <form id="form-register" onsubmit="return false;" class="forms-login">
                    <input type="checkbox" name="required" id="form-register-required" value="" class="form-required hide" /><input type="hidden" name="submit" id="form-register-submit" value="1" />
            <ul class="vertical-list">
                <li class="fs-22 alt bold ff-georgia append-bottom">
                    {$lang.p_login.register}
                </li>

                <li class="fs-14 bold">
                    <span class="left">{$lang.p_login.personal_info}</span>

                </li>
                <li class="clear bb-solid bc-ccc m-b-10">
                </li>
                <li>
                    <label for="user_firstname" class="required">
                        {$lang.p_login.user_firstname}
                    </label>
                    <input type="text" name="user_firstname" value="" class="required" id="user_firstname" />
                </li>
                <li>
                    <label for="user_surname" class="required">
                        {$lang.p_login.user_surname}
                    </label>
                    <input type="text" name="user_surname" value="" class="required" id="user_surname" />
                </li>
                <li>
                    <label for="user_email" class="required">
                        {$lang.p_login.user_email}
                    </label>
                    <input type="text" name="user_email" value="" class="required" id="user_email" />
                </li>
                <li>
                    <label for="user_phone" class="required">
                        {$lang.p_login.user_phone}
                    </label>
                    <input type="text" name="user_phone" value="" class="required" id="user_phone" />
                </li>
                <li>
                    <label for="user_diploma" class="required">
                        {$lang.p_login.user_association}
                    </label>
                    <input type="text" name="user_association" value="" class="required" id="user_association" />
                </li>
                <li class="m-t-10 fs-14 bold">
                    <span class="left">{$lang.p_login.account_info}</span>

                </li>
                <li class="clear bb-solid bc-ccc m-b-10">
                </li>
                <li>
                    <label for="username" class="vmiddle required">
                        {$lang.p_login.username}
                    </label>
                    <input type="text" name="username" value="" class="required" id="username" />
                </li>
                <li>
                    <label for="user_password" class="required">
                        {$lang.p_login.user_password}
                    </label>
                    <input type="password" name="user_password" value="" id="user_password" class="match required" data-match="user_password_2" />
                </li>
                <li>
                    <label for="user_password_2" class="required">
                        {$lang.p_login.user_password_2}
                    </label>
                    <input type="password" name="user_password_2" value="" id="user_password_2" class="match required" data-match="user_password" />
                </li>

                <li>
                    <span class="explain-required"></span>&nbsp;<em>{$lang.explain_required}</em>
                </li>                
                <li>
                    <label class="borderless">
                    </label>
                    <a class="button positive submit" href="#" data-formid="form-register" data-action="register">
                    <span class="sprite-icons sprite-accept"></span>&nbsp;{$lang.p_login.register}</a>
                </li>
            </ul>
    </form>            
        </fieldset>

</div>
{capture "js_login"}
<script type="text/javascript">
    $(function(){ldelim}
        {if $req.login_subact eq 'remindact'}
        $('form#form-login a.toggler[data-target=form-remindact]').trigger('click',function(){ldelim}
        	$('form#form-remindact').trigger('click');
        {rdelim});
        {/if}
    {rdelim});
</script>
{/capture}

</div>
{/if}